<template>
  <div id="news-message">
    <div class="news-content">
      <div class="news-userimg"><img :src='newsurl' alt=""></div>
      <div class="news-text">
      <div class="news-tit">
        <span class="news-name">{{needshow.bidUserName}}</span>
        <span class="news-tips">{{mytips}}</span>
        <span class="news-request">{{needshow.request}}</span>
      </div>
      <span class="news-date">{{needshow.bidDate}}</span>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name:'NewsMessage',
  data(){
    return {
      newsurl:''
    }
  },
  props:{
    mytips:'',
    needshow:{}
  },
  mounted(){
    if(this.needshow.portrait!=0){
      this.newsurl='http://120.77.241.190:9999/' + this.needshow.portrait;
    }else{
      this.newsurl=require('@/assets/images/user.png');
    }
  }
}
</script>
<style>
#news-message{
  display: flex;
  background-color: #fff;
  display: flex;
  padding: 3% 2% 0 3%;
  background-color: #fff;
  color: #000;

}
#news-message .news-content{
  display: flex;
width: 800px;
}
#news-message .news-content .news-text{
  width: 90%;
  margin-left: 25px;
  padding-bottom: 4%;
  border-bottom: 1px solid #d9dbe1;  
}
#news-message .news-content span{
  margin: 1% 3px 0 3px;
}
#news-message .news-userimg img{
  width: 75px;
  height: 75px;
  border-radius: 50%;
}
#news-message .news-content .news-name,
#news-message .news-content .news-tips,
#news-message .news-content .news-request{
  font-size: 23px;
}
#news-message .news-content .news-name,
#news-message .news-content .news-request{
  font-weight: 600;
}
#news-message .news-content .news-date{
  color: #969bab;
  font-size: 14px;
}
</style>